<template>
  <div id="app" class="app">
    <top id="top-menu" />
    <router-view class="main" :key="vueKey"></router-view>
  </div>
</template>
<script>
import top from './components/top/top'
import { mapState } from 'vuex'
export default {
  data() {
    return {}
  },
  pageSize: {
    //设计稿尺寸
    width: 1920,
    height: 1080
  },
  create() {
    console.log('app create...')
  },
  computed: {
    ...mapState(['vueKey'])
  },
  mounted() {},
  methods: {},
  components: { top }
}
</script>
<style lang="scss" scoped>
#app {
  position: absolute;
  box-sizing: border-box;
  background: #181e24 url('../public/img/body-bg.jpg');
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main {
  position: absolute;
  top: 81px;
  left: 25px;
  box-sizing: border-box;
  background-size: cover;
  width: 1870px;
  height: 999px;
}
#top-menu {
  position: relative;
  z-index: 10;
}
</style>
